<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ajax Voting System: Create Ajax Voting system in Digg and Dzone Style Part 2 : 99Points.Info</title>

<script type="text/javascript" src="../assets/jquery-1.2.6.min.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="dzone.css" />

<link rel="stylesheet" type="text/css" media="screen" href="digg.css" />

<script type="text/javascript">

// <![CDATA[	

$(document).ready(function(){	



	$('.vwidget').children('a').click(function(){

		var a = $(this).attr("id");		

		if(a == 1)

		var container = 'upcount';

		else

		var container = 'downcount';

		

		$.post("rating.php?value="+a, {

		}, function(response){

			//$('.upcount').fadeOut();

			$('.'+container).html(unescape(response));

			$('.'+container).fadeIn();	

		});

	});	

	

	$('#diggs0').click(function(){

	

		$.post("rating.php?v=1", {

		}, function(response){

			$('#diggs-strong').html(unescape(response));

			$('#diggs-strong').fadeIn();	

		});

	});	

});	

// ]]>

</script>



</head>



<body>


<h1>Ajax Voting System: Create Ajax Voting system in Digg and Dzone Style Part 2 </h1>

<br clear="all" /><br clear="all" />

<div align="center" style="margin-top:40px;">



	<div style="width:640px; ">

		<div id="vwidget-419919" class="vwidget">      

		 <a class="upcount" href="javascript: void(0)" id="1">14</a>

		 <a class="downcount" href="javascript: void(0)" id="2">2</a>

		</div>

		<div style="float:left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:520px; overflow:hidden" align="left">

			<a href="#" class="heading">Ajax Voting System: Create Ajax Voting system in Dzone Style.</a><br />

			In my previous tutorial i explain how to create simple ajax rating using ajax, php and css3. In this part i am going to create Digg.com and Dzone.com voting style.

			

		</div>

	</div>

	

	<br clear="all" /><br clear="all" />

	

	<div style=" width:640px; ">

	

		<div style="float:left;">

			<div class="digg-count">

			<a  href="#" ><strong id="diggs-strong" style="opacity: 100;">2</strong><br /> diggs</a>

			</div>

			<div id="diggit"><a href="javascript: void(0)" id="diggs0">diggs</a></div>

		</div>

		<div style="float:left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:520px; overflow:hidden" align="left">

			<a href="#" class="heading">Ajax Voting System: Create Ajax Voting system in Digg Style.</a><br />

			In my previous tutorial i explain how to create simple ajax rating using ajax, php and css3. In this part i am going to create Digg.com and Dzone.com voting style.

		</div>

	

	</div>

	

</div>	

<br clear="all" /><br clear="all" />

<br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" />

<a id="heading" href="http://www.99points.info/">99Points.info</a>

<div style="border:solid #000000 1px; background:#CC3333; color:#FFFFFF" align="center">

        <a style=" text-decoration:none; font-size:18px;color:#FFFFFF" href="http://99Points.info"> Codeigniter , JQuery PHP Helping Demos on 99Points.info</a>


</body>

</html>

